<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width" />
    <title>CV</title>
  </head>
  <link rel="stylesheet" href="./style.css" />
  <script src="//at.alicdn.com/t/font_2181844_j0vfr7vrxrg.js"></script>

  <body>
    <div class="layout" id="page">
      <header>
        <h1>胡怡玲</h1>
        <p>应聘前端工程师</p>
      </header>
      <aside>
        <div class="avatar">
          <img src="./image/image.png" alt="小胡" />
        </div>

        <section>
          <h2>基础信息</h2>
          <div class="detail personal">
            <div class="item">
              <span>学历</span>
              <span>本科</span>
            </div>
            <div class="item">
              <span>年龄</span>
              <span>27</span>
            </div>
            <div class="item">
              <span>工作经验</span>
              <span>1年</span>
            </div>
            <div class="item">
              <span>意向薪资</span>
              <span>8k</span>
            </div>
          </div>
        </section>

        <section>
          <h2>个人博客</h2>
          <div class="detailSkills">
            <div class="item">
              <svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-jj"></use>
              </svg>
              <span class="keyword1"
                ><a href="https://juejin.im/user/2814346129583342/posts"
                  >我的掘金</a
                ></span
              >
              <span class="small"> 共30篇</span>
            </div>
            <div class="item">
              <svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-tubiaozhizuomoban"></use>
              </svg>
              <span class="keyword1"
                ><a
                  href="https://www.yuque.com/books/share/0b15f986-fa9e-4248-a2bb-f9c91a46dbb2?# 《学习笔记》"
                  >我的语雀</a
                ></span
              >
              <span class="small"> 前端学习笔记</span>
            </div>
            <div class="item">
              <svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-github"></use>
              </svg>
              <span class="keyword1"
                ><a href="https://github.com/huyiling1111">Github</a></span
              >
              <span class="small"> Vue项目以及练习小demo等</span>
            </div>
          </div>
        </section>
        <section>
          <h2>个人文章</h2>
          <div class="detail contact1">
            <div class="item">
              <a href="https://juejin.im/post/6893440135841775623"
                >「JS」浅析 JS 原型链和继承</a
              >
            </div>
            <div class="item">
              <a href="https://juejin.im/post/6893360638186225671"
                >「JS」浅析异步和回调</a
              >
            </div>
            <div class="item">
              <a href="https://juejin.im/post/6883880503116726280"
                >「DOM 」虚拟DOM和 DOM diff</a
              >
            </div>
            <div class="item">
              <a href="https://juejin.im/post/6883849976200298510"
                >「跨域」快速理解跨域</a
              >
            </div>
          </div>
        </section>

        <section>
          <h2>联系方式</h2>
          <div class="detail contact">
            <div class="item">
              <svg><use xlink:href="#icon-phone" /></svg>
              <span><a href="tel:18667191478">18667191478</a></span>
            </div>
            <div class="item">
              <svg><use xlink:href="#icon-email" /></svg>
              <span>18667191478@163.com</span>
            </div>
            <div class="item">
              <svg><use xlink:href="#icon-wechat" /></svg>
              <span>zero_1111</span>
            </div>
            <div class="item">
              <svg><use xlink:href="#icon-city" /></svg>
              <span>杭州</span>
            </div>
          </div>
        </section>
      </aside>
      <main>
        <section>
          <h2>关于我</h2>
          <li>熟悉CSS3、HTML5、 Flex</li>
          <li>熟悉Vue、Vuex、Vue Router</li>
          <li>了解React、函数组件以及类组件、部分hooks用法</li>
          <li>熟悉移动端开发，熟悉AJAX</li>
          <li>了解HTTP协议、跨域等知识</li>
          <li>熟悉git/github</li>
          <li>了解Webpack/Parcel/npm/yarn</li>
          <li>熟悉PhotoShop，具有一定的审美</li>
        </section>

        <section>
          <h2>教育经历</h2>
          <div class="item">
            <h4>江西理工大学应用科学学院</h4>
            <span>2012.9 - 2016.6</span>
          </div>
        </section>
        <section>
          <h2 class="work">工作经历</h2>
          <div class="item">
            <div class="company">
              <h4>杭州滕山丰商贸有限公司</h4>
              <span>2019.7-2020.5</span>
              <span>前端工程师</span>
            </div>
            <p class="company-p">
              制作公司的官网页面,活动期间跟设计和运营配合还原设计图
            </p>
            <div class="company">
              <h4>浙江太子龙服饰有限公司等</h4>
              <span>2019年之前</span>
              <span>运营</span>
            </div>
            <p class="company-p">
              店铺运营，策划活动，与小二对接活动，与商品部盘点库存和活动后的数据分析
            </p>
          </div>
        </section>
        <section>
          <h2>项目经历</h2>
          <div class="item">
            <h3>Vue抠抠记账</h3>

            <li>
              抠抠记账是一款用Vue开发的极简记账，所有需求由本人独立实现。
              记录账单（包括金额、日期、分类等）分类编辑（增、改）每日金额明细
              近15天图表展示
            </li>
            <li>技术栈：Vue、Vuex、Vue-Router、TypeScript、ES6、ECharts</li>
            <li>项目源码：https://github.com/huyiling1111/koukou-tally</li>
            <li>
              预览项目:
              <a
                href="https://huyiling1111.gitee.io/koukou-tally-website/#/money"
                >点击查看</a
              >
            </li>
          </div>
        </section>
        <section>
          <h2>项目经历</h2>
          <div class="item">
            <h3>Vue3造轮子</h3>

            <li>
              这款组件库其实是我为了学习 Vue3 Composition API
              而写的，全程亲手编写，尽量不采用第三方库，这个文档也都是我自己写的。
              组件的样式、色彩的搭配参考了一些成熟的 UI 框架（如：Ant
              Design、Element UI）。
            </li>
            <li>技术栈：Vue3、Vue-Router、TypeScript、ES6</li>
            <li>项目源码：https://github.com/huyiling1111/gulu</li>
            <li>
              预览项目:
              <a href="https://huyiling1111.gitee.io/gulu-ui-website/#/"
                >点击查看</a
              >
            </li>
          </div>
        </section>

        <section>
          <div class="item">
            <h3>皮卡丘动画</h3>
            <li>
              项目介绍：
              用css实现的皮卡丘卡通人物，主要是用animation实现的动画，又对音频设置了节流处理
            </li>
            <li>技术栈：css、animation</li>
            <li>项目源码：https://github.com/huyiling1111/katong</li>
            <li>
              预览项目：
              <a href="https://huyiling1111.gitee.io/katong/">点击查看</a>
            </li>
          </div>
        </section>
        <section>
          <div class="item">
            <h3>在线涂鸦画板</h3>
            <li>
              项目介绍：一个简单的涂鸦画板工具，具有调节笔的颜色、笔的粗细、清空画板、返回上一步、保存下载功能
            </li>

            <li>技术栈：canvas、JavaScript</li>
            <li>
              项目源码：https://github.com/huyiling1111/demo/tree/master/canvans-demo1
            </li>
            <li>
              预览项目：
              <a href="https://huyiling1111.gitee.io/demo/canvans-demo1/"
                >点击查看</a
              >
            </li>
          </div>
        </section>
        <section>
          <h2>开源项目</h2>
          <div class="item">
            <h3>封装DOM库</h3>

            <li>
              项目源码：https://github.com/huyiling1111/demo/tree/master/dom
            </li>
          </div>
        </section>
        <section>
          <h2>个人评价</h2>
          <p>
            爱分享，乐于与同行交流并讨论问题，有自学能力也有好学的心态去请教他人。
            喜欢通过数据来分析问题，拆解问题。
          </p>
        </section>

         
      </main>
    </div>
    <svg style="display: none">
      <symbol id="icon-phone" viewBox="0 0 1024 1024">
        <path
          d="M493.3778059 449.15009529c16.29441978 4.65554869 32.58883953 13.96664542 41.8999369 27.93329083 9.31109674 13.96664542 13.96664542 32.58883953 9.31109673 51.21103365-2.32777434 6.98332303 0 16.29441978 4.65554869 20.94996845 4.65554869 6.98332303 11.63887108 11.63887108 18.62219411 11.63887109h4.65554804c6.98332303 0 11.63887108-2.32777434 16.29441978-4.65554869 6.98332303-4.65554869 11.63887108-11.63887108 11.63887172-18.62219412 13.96664542-67.50545341-30.26106518-135.01090681-95.43874491-148.97755159h-4.65554804c-13.96664542 0-25.60551651 9.31109674-27.93329149 23.27774215-2.32777434 6.98332303 0 16.29441978 4.65554869 23.27774279 2.32777434 9.31109674 9.31109674 13.96664542 16.29441977 13.96664543z"
          fill="#FE5F5F"
        ></path>
        <path
          d="M525.96664542 346.72802801c39.57216256 9.31109674 72.1610021 32.58883953 93.11096991 65.17767906 20.94996846 34.91661388 30.26106518 74.48877579 20.94996845 114.06093836-2.32777434 16.29441978 6.98332303 32.58883953 23.27774279 34.91661387h4.65554805c6.98332303 0 11.63887108-2.32777434 16.29441977-4.65554868 6.98332303-4.65554869 11.63887108-11.63887108 11.63887172-18.62219411 11.63887108-55.86658233 0-111.73316403-30.2610652-158.28864897s-76.81655015-79.14432448-130.35535811-90.78319557h-4.6555487c-13.96664542 0-25.60551651 9.31109674-27.93329085 23.27774215-2.32777434 16.29441978 9.31109674 32.58883953 23.27774218 34.91661388zM623.73316403 640.02758378c-6.98332303-4.65554869-13.96664542-9.31109674-16.29441978-9.31109674-4.65554869-2.32777434-6.98332303-2.32777434-11.63887107-2.32777433-16.29441978 0-30.26106518 9.31109674-48.8832593 25.60551649-9.31109674 9.31109674-18.6221941 20.94996846-23.2777428 27.9332915-2.32777434 2.32777434-6.98332303 4.65554869-9.31109673 4.65554803-2.32777434 0-6.98332303-2.32777434-9.31109738-4.65554803-34.91661388-32.58883953-69.83322774-74.48877579-97.76651859-121.04426139-27.93329084-46.55548495-51.21103364-95.43874424-67.50545277-141.99422921-2.32777434-6.98332303 2.32777434-13.96664542 6.98332239-16.29441977 6.98332303-2.32777434 44.22771062-18.6221941 44.22771062-18.6221941 20.94996846-11.63887108 44.22771062-23.27774279 34.91661387-62.84990473-6.98332303-39.57216256-18.6221941-76.81655015-30.26106519-102.42206728-9.31109674-18.6221941-20.94996846-25.60551651-30.26106519-30.26106518-4.65554869-2.32777434-9.31109674-2.32777434-13.96664542-2.32777435-11.63887108 0-20.94996846 2.32777434-34.91661388 9.31109674-9.31109674 4.65554869-93.11096991 44.22771062-93.1109699 148.97755222 0 23.27774279 2.32777434 141.9942292 90.78319556 281.6606847 51.21103364 81.47209883 107.07761533 137.33868115 176.91084307 179.23861743 18.6221941 11.63887108 34.91661388 20.94996846 53.53880799 25.6055165 16.29441978 4.65554869 34.91661388 6.98332303 51.21103364 6.98332303 60.52213037 0 97.76651859-37.24438822 102.42206728-39.57216256 16.29441978-16.29441978 25.60551651-32.58883953 25.60551651-46.55548494 0-23.27774279-18.6221941-41.89993628-27.93329085-53.53880736-32.58883953-32.58883953-69.83322774-55.86658233-72.16100208-58.19435667z"
          fill="#FE5F5F"
        ></path>
        <path
          d="M570.19435602 204.73379879h-4.65554804c-13.96664542 0-25.60551651 9.31109674-27.93329148 23.27774218-2.32777434 6.98332303 0 16.29441978 4.65554868 23.27774278 4.65554869 6.98332303 11.63887108 11.63887108 18.62219412 11.63887109 60.52213037 11.63887108 111.73316403 48.88325931 146.64977789 102.42206728 34.91661388 53.53880798 46.55548495 116.3887127 32.58883953 179.23861741-2.32777434 6.98332303 0 16.29441978 4.65554868 20.94996845 4.65554869 6.98332303 11.63887108 11.63887108 18.62219411 11.63887108h4.65554806c6.98332303 0 11.63887108-2.32777434 16.29441976-4.65554869 6.98332303-4.65554869 11.63887108-11.63887108 11.63887171-18.62219409 30.26106518-160.61642332-69.83322774-316.57729858-225.79410301-349.16613749z"
          fill="#FE5F5F"
        ></path>
      </symbol>
      <symbol id="icon-wechat" viewBox="0 0 1024 1024">
        <path
          d="M566.49955555 633.856c0-89.88444445 78.62044445-161.67822222 183.52355556-172.94222222 0-1.024 0.11377778-1.93422222 0.11377778-2.95822223 0-156.44444445-161.90577778-283.19288889-361.58577778-283.19288888S27.07911111 301.51111111 27.07911111 457.95555555c0 71.56622222 88.51911111 179.08622222 105.13066667 198.656 1.59288889 1.93422222 2.16177778 4.66488889 1.36533333 7.168l-28.21688889 87.72266667c-2.27555555 6.94044445 5.23377778 12.40177778 9.78488889 7.28177778l59.73333334-67.92533333c1.59288889-1.82044445 3.98222222-2.50311111 6.144-1.59288889 21.39022222 8.30577778 136.30577778 51.88266667 207.64444444 51.88266667 70.656 0 136.53333333-15.92888889 192.28444444-43.34933334-9.216-19.79733333-14.44977778-41.30133333-14.44977778-63.94311111z"
          fill="#00BF27"
        ></path>
        <path
          d="M245.07733333 398.67733333a39.48088889 34.47466667 90 1 0 68.94933334 0 39.48088889 34.47466667 90 1 0-68.94933334 0Z"
          fill="#FFFFFF"
        ></path>
        <path
          d="M463.18933333 398.67733333a39.48088889 34.47466667 90 1 0 68.94933334 0 39.48088889 34.47466667 90 1 0-68.94933334 0Z"
          fill="#FFFFFF"
        ></path>
        <path
          d="M589.48266667 633.856c0 81.92 84.76444445 148.36622222 189.32622222 148.36622222 37.31911111 0 97.50755555-22.75555555 108.77155556-27.19288889 1.13777778-0.45511111 2.38933333-0.11377778 3.18577777 0.91022222l31.28888889 35.61244445c2.38933333 2.73066667 6.37155555-0.22755555 5.12-3.75466667l-14.79111111-45.96622222c-0.45511111-1.25155555-0.11377778-2.73066667 0.68266667-3.75466666 8.64711111-10.24 55.06844445-66.56 55.06844444-104.10666667 0-81.92-84.76444445-148.36622222-189.32622222-148.36622223s-189.32622222 66.33244445-189.32622222 148.25244445z"
          fill="#00BF27"
        ></path>
        <path
          d="M817.83466667 602.79466667a20.70755555 18.09066667 90 1 0 36.18133333 0 20.70755555 18.09066667 90 1 0-36.18133333 0Z"
          fill="#FFFFFF"
        ></path>
        <path
          d="M703.71555555 602.79466667a20.70755555 18.09066667 90 1 0 36.18133334 0 20.70755555 18.09066667 90 1 0-36.18133334 0Z"
          fill="#FFFFFF"
        ></path>
      </symbol>
      <symbol id="icon-city" viewBox="0 0 1024 1024">
        <path
          d="M466.66248369 707.35400192S260.32464969 515.07403426 260.32464969 373.27295196a256.74481032 256.74481032 0 1 1 513.48962143 0c0 141.80108308-206.01425068 333.75746741-206.01425068 333.75746741a70.46909775 70.46909775 0 0 1-101.13753674 0.35953591zM517.03350665 469.59270374a96.28379843 96.28379843 0 1 0 0-192.56759686 96.28379843 96.28379843 0 0 0 0 192.56759686z"
          fill="#F5A623"
        ></path>
        <path
          d="M392.99351299 702.28454114a33.86831117 33.86831117 0 0 0-0.82693344 7.47835364c0 36.42101824 58.99989261 65.90298787 131.80597649 65.90298786S655.81448589 746.18391301 655.81448589 709.76289478c0-2.51675371-0.28762919-5.03350665-0.82693345-7.47835364 79.2417816 18.94755878 132.66886331 54.54164357 132.66886331 95.34900413 0 60.68971286-118.07169271 109.87426723-263.68385971 109.87426723S260.32464969 858.32325813 260.32464969 797.63354527c0-40.80736056 53.39112757-76.40144534 132.6688633-95.34900413z"
          fill="#F5A623"
        ></path>
      </symbol>
      <symbol id="icon-email" viewBox="0 0 1295 1024">
        <path
          d="M946.99116042 255.72468923A30.15003667 30.15003667 0 0 0 919.55462687 236.12716542L256.253822 233.11216159a30.15003667 30.15003667 0 0 0-27.13503282 18.3915226 44.92355456 44.92355456 0 0 0-3.01500326 20.20052411v472.14957277A47.63705768 47.63705768 0 0 0 269.51983855 798.42534744h637.07027251A47.63705768 47.63705768 0 0 0 949.70466355 743.85378107V271.7042083a45.52655544 45.52655544 0 0 0-2.71350313-15.97951907z"
          fill="#38B1E7"
        ></path>
        <path
          d="M929.20263868 750.48678906l-201.40224422-291.85235368a30.15003667 30.15003667 0 0 0-24.12002957-12.96451582l-226.12527412-4.22100503a30.15003667 30.15003667 0 0 0-25.32603076 12.96451583L246.90731091 750.48678906a30.15003667 30.15003667 0 0 0-2.11050279 30.15003666 30.15003667 30.15003667 0 0 0 26.5320325 17.78852172h633.1507682a30.15003667 30.15003667 0 0 0 26.83353211-16.28101982 30.15003667 30.15003667 0 0 0-2.11050224-31.65753856z"
          fill="#299ACC"
        ></path>
        <path
          d="M947.29266058 247.28267916A31.65753859 31.65753859 0 0 0 919.55462687 225.57465256H256.253822a30.15003667 30.15003667 0 0 0-27.73803314 18.39152204A30.15003667 30.15003667 0 0 0 235.14879687 276.52821421l260.79781595 254.46630871a138.99166868 138.99166868 0 0 0 189.34223003 0l255.37080975-250.24530367a30.15003667 30.15003667 0 0 0 6.63300798-33.46654009z"
          fill="#6AC1E7"
        ></path>
      </symbol>
    </svg>
  </body>
</html>
